body,div,table,tbody,thead,tfoot,th,td,ul,li,dl,dd,a,p,span{
	padding:0px;
	margin: 0px;
	font-size: 13px;
	color: #333;
	font-family: "微软雅黑","宋体"
}
a{
	text-decoration: none;
}
ul{
	list-style-type: none;
}
.preview-block{
	height: 500px;
}
/*边框过滤*/
.box {
  margin: 15px;
  width: 200px;
  height: 200px;
  position: relative;
  background: #fff;
  float: left;
}
.box:before {
      content: '';
      z-index: -1;
      position: absolute;
      width: 220px;
      height: 220px;
      top: -10px;
      left: -10px;
}

.first:before {
  background-image: linear-gradient(90deg, yellow, black);
}
.second:before {
  background-image: linear-gradient(0deg, orange, red);
}
.third:before {
        background-image: repeating-linear-gradient(-45deg,#cc2a2d 0px,#cc2a2d 20px,#f2f2f2 20px,#f2f2f2 40px,blue 40px,blue 60px,#f2f2f2 60px,#f2f2f2 80px);
}
/*复选框、单选框的样色更改*/
 input[type=checkbox] {display: none;} 

 /*在label标签前面加上input标签*/
input[type=checkbox] + label:before {  
    content: "";
    border: 1px solid #000;
    font-size: 11px;    
    line-height: 10px;
    margin: 0 5px 0 0;
    height: 15px;
    width: 15px;
    text-align: center;
    vertical-align: middle;
}

input[type=checkbox]:checked + label:before {  
    content: "\2713";
}
input
[type=radio] + label:before {  
    content: "\26AB";
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 0;    
    transition: font-size ease .3s;
}
input[type=radio]:checked + label:before {  
    font-size: 10px;   